草庐IT

jQuery 事件

全部标签

javascript - 如何触发 best_in_place 事件

我查看了整个Google和StackOverflow,并查看了best_in_placejavascript代码,但无济于事。我正在使用best_in_place通过文本区域编辑Post模型的属性,如下所示::textarea,:display_with=>'simple_format'}%>我希望能够在按下Enter/Return时触发best_in_place的提交功能,除非它是用shift键按下的(这将允许回车),就像在可编辑区域外单击时一样。对于常规文本/输入,这是默认功能(减去回车部分)。然而,当使用文本区域时,它不是。我从here中提取了一段不错的jQuery处理识别何时按

javascript - 是否可以在加载 jQuery 之前预先注册处理程序?

jQuery在页面上加载较晚但依赖于jQuery的javascript加载之前jQuery的情况是一种非常常见的情况,尤其是如果您遵循将脚本放在更接近页面的做法时.所以基本上我想从这里开始:someFunctionThatUsesLateJQuery(){[codethatreliesonjQuery]}...$(function(){someFunctionThatUsesLateJQuery();});像这样:_$.ready(function(){[codethatreliesonjQuery]});...很像异步统计跟踪(álaGoogleAnalytics),有没有什么东西可

javascript - 使用 JavaScript 将鼠标滚动事件转发到另一个 div

标题几乎描述了我的目标。这是代码[仅适用于WebKit]:我们有两个div,elem1和elem2。还有一个名为logger的文本框来显示结果。elem1有一些带有溢出的文本:滚动。functioneventHandler(e){varmyEvt=newe.constructor(e.type,e);document.getElementById('elem1').dispatchEvent(myEvt);}functionelem1MouseScroll(e){document.getElementById('logger').value='mousescrollon'+(e.tar

javascript - 如何检测 "copy image"浏览器事件?

使用jquery,我可以检测用户何时使用ctrl-c或通过上下文菜单复制某些内容(如文本):$(document).on('copy',function(e){$('body').prepend('copyevent');});但是,复制图像时似乎不会触发该事件。如何检测图像复制?具体来说,我想检测来自的复制元素,但任何应该作为理解这个问题的起点。测试场景:http://jsfiddle.net/jm23xe8w/ 最佳答案 浏览器没有复制图像事件,所以你需要通过一些技巧来模拟它。剪贴板也不会在其中保存图像。剪贴板本身只保存文本。你

javascript - 使用 ng-repeat 和 limit-to 以及来自 tether.js 的工具提示时,在 jQuery 中出现上下文错误

首先,我知道这是一个非常棒的标题。我最近接手了angular-tooltip并正在尝试为我的主要工作项目构建自定义工具提示。在我的项目中,我有一个简单的ng-repeat指令使用库的说明,我定义了一个自定义工具提示指令:myApp.directive('companyProfileTooltip',['$tooltip',($tooltip)=>{return{restrict:'EA',scope:{profile:'@companyProfileTooltip'},link:(scope:ng.IScope,elem)=>{vartooltip=$tooltip({target:e

javascript - 为什么 jQuery 的 append 回车输出不一致?

下面的例子演示了这个问题:$("#ex1").append("\r");//Thisoneworksasexpected$("#ex2").append("\n");//Thisalsoworksasexpected$("#ex3").append("\r\n");//Thisalsoworksasexpected$("#ex4").append("\r");//Thisreplaces\rwith\n$("#ex5").append("\r\n");//Thisremoves\rcompletely$("div").on("click",function(){alert(JSON.s

javascript - 无法读取事件监听器中 null 的属性 'sourceEvent'

我刚开始学习d3.js库。我需要制作一个svg编辑器,我教过使用这个编辑器是个好主意。我有一个问题,我写了一些函数,我希望这些函数在单击鼠标时运行。这些函数创建了一条从A点到B点的线,所以我只需要在单击Line按钮时调用这些函数。这是代码块:varline;varcontainer=d3.select("body").append("svg").on('mousedown',mousedown).on('mouseup',mouseup);functionmousedown(){varcoordinates=d3.mouse(this);line=container.append("l

javascript - 带有 Firefox 的 Surface Pro 3 - 具有单点触摸触发触摸/鼠标事件而不是滚轮事件

仅在带有Firefox的SurfacePro3上:当用单指在元素上做出滑动手势时,浏览器将触发wheel事件,而不是touchmove或mousemove事件。您如何停止滚轮行为,并让单个手指始终被视为触摸/鼠标移动?所以我想将单个手指滑动视为一系列mousemove或touchmove而不是wheel事件。如果在此元素上滑动,我根本不希望单指滑动来滚动页面。这在Chrome和IE11中很容易做到。这在Firefox中似乎是不可能的。Current我认为这是一个错误,但我可能遗漏了一些东西。这是一个简单的例子:http://codepen.io/simonsarris/pen/Pwbd

javascript - masonry 事件 : Call event after imagesLoaded and layoutComplete

这就是我想要做的。我有一个包含大量图像的网格,因此我将imagesLoaded库与masonry一起使用。这是我的CSS:.grid{opacity:0;}和HTML:imageimageimage这是我的JS:var$container=$('.grid');//initializeMasonryafterallimageshaveloaded$container.imagesLoaded(function(){$container.masonry({columnWidth:'.grid-sizer',itemSelector:'.item',gutter:'.gutter-size

javascript - jquery ajax https 调用给出 ERR_INSECURE_RESPONSE

我正在尝试从jquery到node.js进程进行httpsCORSajax调用。然而,每当调用时,chrome都会在控制台中提示OPTIONShttps://localhost/net::ERR_INSECURE_RESPONSE。查看类似的堆栈溢出问题,CrossdomainrequestfromHTTPtoHTTPSabortsimmediately如果我导入我制作的自签名证书,我应该能够进行跨源httpsajax调用。所以我将证书导入了chrome。我可以在权限下的chrome管理证书选项卡中看到证书。但是当我尝试ajax调用时它仍然失败。这就是我制作私钥的方式:opensslg